<template>
  <div class='welcome-three flex-center'>
    <!-- Vue 模板内容 -->
    <welcome-card :image="logo" :data="state.data" />
  </div>
</template>

<script setup lang='ts'>
import {reactive} from 'vue'
import logo from '@/assets/image/welcome_three.svg'
const state = reactive({
  data:{
      title:"Add more user",
      description:"Multiple user and admin to control",
      text:"your smart home"
    }
})
</script>

<style scoped>
/* 组件样式 */
.welcome-three{
  height: 100%;
}
</style>